import type { FC } from 'react';
import { ImageBackground, StyleSheet, View } from 'react-native';
import type { CoverImageProps } from './types';
import styles from './styles';

const CoverImage: FC<CoverImageProps> = (props) => {
  return (
    <ImageBackground
      resizeMode="cover"
      source={require('@/assets/images/cover.png')}
      style={StyleSheet.flatten([styles.cover, props.style])}
    >
      {props.children}
    </ImageBackground>
  );
}

export default CoverImage;